<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title>LZXリファレンス lz-form</title>
  <othercredit role="translator">
    <firstname>Hiroyuki</firstname>
    <surname>Kato</surname>
        <contrib>2006/05/15　翻訳初版</contrib>
 </othercredit>
<link rel="STYLESHEET" type="text/css" href="./styles.css" /></head>
<body>

<!-- ===================================================================== -->
<!-- = XML information goes here                                         = -->
<!-- ===================================================================== -->
<lzelement title="Form">
    <lztier>LZ Components</lztier>
    <lzcategory>View</lzcategory>
    <lzshortdesc>
            タンダードなレイアウトを備えたWebフォームです。
    </lzshortdesc>
    <lztag>lz/form.xml</lztag>
</lzelement>


<p><tagname>form</tagname>タグはWebフォームを作成し、自動的に整形されるレイアウトを提供します。
ほぼ全てのコンポーネントは上から順に配置されますwith buttons at the lower right.。
formタグ内にあるコンポーネントに表示されているデータは<tagname>submit</tagname>
タグを使用することでサーバに送信することができます。
<classname>checkbox</classname>や<classname>combobox</classname>、
<classname>radiogroup</classname>等の各コンポーネントにはname属性が
設定されていなければなりません。データはコンポーネントの名前と値のペアで送信されます。</p>

<example>
&lt;canvas height="200"&gt;
  &lt;dataset name="echoer" src="http:../../examples/components/echo.jsp" /&gt;
  &lt;window id="win" &gt;
    &lt;form&gt;
      &lt;submit name="survey" data="${echoer}"/&gt;
      &lt;statictext&gt;What is your favorite vacation spot?&lt;/statictext&gt;
      &lt;radiogroup name="place"&gt;
        &lt;radiobutton&gt;Hawaii&lt;/radiobutton&gt;
        &lt;radiobutton&gt;Paris&lt;/radiobutton&gt;
        &lt;radiobutton&gt;Jamaica&lt;/radiobutton&gt;
      &lt;/radiogroup&gt;
      &lt;button isdefault="true"
              onclick="parent.survey.submit()"&gt;submit&lt;/button&gt;
    &lt;/form&gt;
  &lt;/window&gt;
  
  &lt;view x="260" y="20" 
        layout="class: simplelayout" datapath="echoer:/response"&gt;
    &lt;text text="Data received" /&gt;
    &lt;view layout="axis: y" &gt;
      &lt;view datapath="formcomponent" layout="axis:x" &gt;
        &lt;text resize="true" datapath="@name"/&gt;
        &lt;text text=":"/&gt;
        &lt;text resize="true" datapath="text()"/&gt;
      &lt;/view&gt;
    &lt;/view&gt;
  &lt;/view&gt;
&lt;/canvas&gt;
</example>

<p>右下に表示されないボタンをform内に配置したい場合には buttonタグ内に
<code>placement="content"</code>を記述する必要があります。 
formにおけるカスタムレイアウトを行うには<tagname>baseform</tagname>タグを使用して下さい。</p>

<seealso>
<classes>baseform submit</classes>
<classes label="Form components">checkbox radiogroup combobox button edittext list</classes>
</seealso>

</body>
</html>
<!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
* Copyright 2001-2004 Laszlo Systems, Inc.  All Rights Reserved.              *
* Use is subject to license terms.                                            *
* X_LZ_COPYRIGHT_END ****************************************************** -->
